<!-- 钩子函数之更新数据 -->
<script src="vue.js"></script>

<div id="app">
    <div v-if="isShow" ref="div">需要更新的数据</div>
    <button @click="isShow = !isShow">更新数据</button>
</div>

<script>
    var vue = new Vue({
        el: "#app",
        data: {
            msg: "我更新了",
            isShow: true,
        },
        updated() {
            console.log("更新数据之后：");
            console.log(this.$refs.div);
        },
        beforeUpdated() {
            console.log("更新数据之前：");
            console.log(this.$refs.div);
        }
    })
</script>

<style>

</style>